<div class="layui-fluid">
    <style>
        .layui-table-tool,.layui-table-column.layui-table-page,.layui-table-main{
            background-color: white;
        }
    </style>
    <fieldset class="layui-elem-field layui-bg-white">
        <legend></legend>
        <div class="layui-field-box">
            <div  class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="name" placeholder="角色名称" class="layui-input" lay-affix="clear" lay-filter="clear">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="type" name="type" placeholder="角色类型" lay-affix="clear" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <select name="status" id="dict-status-select">
                        <option value="">角色状态</option>
                        <option value="0">停用</option>
                        <option value="1">启用</option>
                    </select>
                </div>

                <div class="layui-btn-container layui-col-md3" style="text-align: center">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
                    <button id="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
                    <button class="layui-btn layui-btn-sm layui-btn-primary layui-hide" onclick="showInput(this)">
                        <i class="layui-icon layui-icon-down"></i>
                    </button>
                </div>
            </div>
        </div>
    </fieldset>
    <table class="layui-hide" id="role-list" lay-filter="role-list"></table>
    <script id="barDemo" type="text/html">
        <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="view">查看</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="del">删除</a>
        </div>
    </script>
    <script id="dictToolbar" type="text/html">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm " lay-event="add"><i class="layui-icon layui-icon-add-circle"></i>添加</button>
        </div>
    </script>

    <script type="text/html" id="role_form">
        <div class="layui-form" lay-filter="role_form" id="lay-role-form" style="margin: 15px 40px 15px 10px;">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">角色名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" disabled value="" placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色权限</label>
                <div class="layui-input-block">
                    <input type="text" name="code" disabled value=""  placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">显示顺序</label>
                <div class="layui-input-block">
                    <input type="number" lay-affix="number" name="sort" disabled value="1"  placeholder="请选择"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" disabled title="启用|停用" lay-skin="switch" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色类型</label>
                <div class="layui-input-block">
                    <div class="dict-module" type="select" isEdit="0" verify="required" dict-type="system_role_type" name="type" title="请选择角色类型"></div>
<!--                    <input type="text" name="type" disabled value=""  placeholder="请输入" lay-vertype="tips" autocomplete="off" class="layui-input">-->
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">数据范围</label>
                <div class="layui-input-block">
                    <input type="text" name="dataScope" disabled value=""  placeholder="请输入" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea name="remark" value="" disabled placeholder="请输入" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
    </script>

</div>

<script type="text/javascript">
    {{#
        top.tools.loadscripts(["/js/page/system/role/system_role.js"], function () {
            templateViewInit();
        })
    }}
</script>